<ng-container *ngIf="!outlet.isActivated">
    <div class="px-5 py-2">
        <div style="position: relative;">
            <h4 style="font-size: 1.1rem;font-weight:400;" class="mb-5 mt-5 text-center">**公司销售目标管理</h4>
            <div style="width:100px;height:100px;background:#ccc; position:absolute;top: 0;right: 0;"></div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">员工姓名</span></div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择员工姓名">
      <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">目标编号</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">目标类型</span></div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择目标类型">
            <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
          </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">所属部门</span></div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择所属部门">
      <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">起始日期</span></div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择起始日期">
      <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">截止日期</span></div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择截止日期">
      <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">签名日期</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">建档日期</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>

        </div>
    </div>
    <div class="card rounded-0">
        <div class="row pl-4 pr-4 pt-4">
            <span class="col-sm-11 text-left">说明：目标管理的总分为100分,销售目标和非销售目标分数可编辑,业务相关人员的销售目标比例不能低于70分,其他人员可以设置任意分数,非销售目标的项目可以编辑</span>
        </div>
        <div class="card-body">
            <!-- <ts-table-load [display]="loading"></ts-table-load> -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <tbody>
                        <tr class="font-weight-bold bg-light">
                            <td>销售目标</td>
                            <td class="py-0 head" *ngFor="let th of orderTh" colspan="2">
                                <tbody>
                                    <tr>
                                        <td colspan="2" class="border-0 text-center">{{th.name}}</td>
                                    </tr>
                                    <tr *ngIf="th.childTh">
                                        <td *ngFor="let i of th.childTh">{{i}}</td>
                                    </tr>
                                </tbody>
                            </td>
                            <td>操作</td>
                        </tr>
                        <tr>
                            <td>客户新增数</td>
                            <td>1</td>
                            <td>2
                            </td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>
                                <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
    <i tsIcon="add"></i>
  </span>
                                <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
    <i tsIcon="delete"></i>
  </span>
                                <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
    <i tsIcon="edit"></i>
  </span>
                                <!-- <span tsTip="查看" class="btn-icon btn-icon-info" routerLink="user">
<i tsIcon="edit"></i>查看
</span> -->
                            </td>
                        </tr>
                        <tr>
                            <td>销售金额</td>
                            <td>1</td>
                            <td>2
                            </td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>
                                <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
      <i tsIcon="add"></i>
    </span>
                                <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
      <i tsIcon="delete"></i>
    </span>
                                <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
      <i tsIcon="edit"></i>
    </span>
                                <!-- <span tsTip="查看" class="btn-icon btn-icon-info" routerLink="user">
<i tsIcon="edit"></i>查看
</span> -->
                            </td>
                        </tr>
                        <tr>
                            <td>回款金额</td>
                            <td>1</td>
                            <td>2
                            </td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>
                                <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
      <i tsIcon="add"></i>
    </span>
                                <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
      <i tsIcon="delete"></i>
    </span>
                                <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
      <i tsIcon="edit"></i>
    </span>
                                <!-- <span tsTip="查看" class="btn-icon btn-icon-info" routerLink="user">
<i tsIcon="edit"></i>查看
</span> -->
                            </td>
                        </tr>
                        <tr>
                            <td>退货金额</td>
                            <td>1</td>
                            <td>2
                            </td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>
                                <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
      <i tsIcon="add"></i>
    </span>
                                <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
      <i tsIcon="delete"></i>
    </span>
                                <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
      <i tsIcon="edit"></i>
    </span>
                                <!-- <span tsTip="查看" class="btn-icon btn-icon-info" routerLink="user">
<i tsIcon="edit"></i>查看
</span> -->
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-body">
            <!-- <ts-table-load [display]="loading"></ts-table-load> -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <tbody>
                        <tr class="font-weight-bold bg-light">
                            <td>非销售目标</td>
                            <td class="py-0 head" *ngFor="let th of billTh" colspan="2">
                                <tbody>
                                    <tr>
                                        <td colspan="2" class="border-0 text-center">{{th.name}}</td>
                                    </tr>
                                    <tr *ngIf="th.childTh">
                                        <td *ngFor="let i of th.childTh">{{i}}</td>
                                    </tr>
                                </tbody>
                            </td>
                            <td>操作</td>
                        </tr>
                        <tr>
                            <td>合同签约</td>
                            <td>1</td>
                            <td>2
                            </td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>4</td>
                            <td>5</td>
                            <td>3</td>
                            <td>4</td>
                            <td>3</td>
                            <td>4</td>
                            <td>
                                <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
              <i tsIcon="add"></i>
            </span>
                                <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
              <i tsIcon="delete"></i>
            </span>
                                <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
              <i tsIcon="edit"></i>
            </span>
                                <!-- <span tsTip="查看" class="btn-icon btn-icon-info" routerLink="user">
<i tsIcon="edit"></i>查看
</span> -->
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="my-5 m-btn text-right pr-5">
        <button routerLink="/business/invoice" tsBtn color="white">返回列表</button>
        <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定</button>
        <button routerLink="/business/invoice" tsBtn color="danger">取消</button>
        <!-- <button tsBtn color="success" (click)="resetForm()">新增</button> -->
    </div>
</ng-container>

<router-outlet #outlet="outlet"></router-outlet>